
<!DOCTYPE html>
<html lang="zh-CN" style="font-size:100px">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no"/>
    <title>05排行榜</title>
    <link href="styles/styles.css" rel="stylesheet">

    <script type="text/javascript">
        var scaleNum=window.screen.width/750;
        document.getElementsByTagName('html')[0].style.fontSize=(100*scaleNum)+'px';

    </script>
    <script src="//cdn.bootcss.com/jquery/2.0.1/jquery.min.js"></script>
    <script>
        $(function(){
            $('.m-btn' ).click(function(){
                $(this ).addClass('m-click-btn');
            } )
            setInterval(removeClick, 300 )
        })
        function removeClick(){
            $('.m-btn' ).removeClass('m-click-btn');
        }
    </script>
</head>
<body style="background: url(images/3-0-0.png?v=1) repeat;;background-size:18%;">
<div class="overflow" style="width: 100%;">
    <div class="five-top-box">
        <img class="wa-five-top" src="images/5-0-0.png?v=1">
    </div>

    <div class="wa-five-rank-box overflow">
        <div class="wa-five-rank-top ">

        </div>
        <div class="wa-five-rank-content overflow">

            <div class="wa-five-rank-list overflow">
<img src="images/touxiang.jpg">
                <span class="list-rank">No.1</span>
                <span class="list-score">99分</span>
                <span class="list-name">香烟寂寞</span>
            </div>
            <div class="wa-five-rank-list overflow">
                <img src="images/touxiang.jpg">
                <span class="list-rank">No.1</span>
                <span class="list-score">99分</span>
                <span class="list-name">香烟寂寞</span>
            </div>
            <div class="wa-five-rank-list overflow">
                <img src="images/touxiang.jpg">
                <span class="list-rank">No.1</span>
                <span class="list-score">99分</span>
                <span class="list-name">香烟寂寞</span>
            </div>
            <div class="wa-five-rank-list overflow">
                <img src="images/touxiang.jpg">
                <span class="list-rank">No.1</span>
                <span class="list-score">99分</span>
                <span class="list-name">香烟寂寞</span>
            </div>
            <div class="wa-five-rank-list overflow">
                <img src="images/touxiang.jpg">
                <span class="list-rank">No.1</span>
                <span class="list-score">99分</span>
                <span class="list-name">香烟寂寞</span>
            </div>
        </div>
        <div class="wa-five-rank-foot">

        </div>
    </div>
    <div class="wa-five-btn-group">
        <img class="m-btn" src="images/5-2-0.png?v=1">
        <img class="m-btn" src="images/5-2-1.png?v=1">
    </div>
</div>




</body>
</html>
